<!--
<div class="container" id="portfolio" name="portfolio">
	<br>
		<div class="row">
			<br>
			<h1 class="centered">HERE WHAT WE HAVE</h1>
			<hr>
			<br>
			<br>
		</div>
</div>
//-->

<div class="container account">
    <ol class="breadcrumb">
        <li><a href="index.html"><i class="fa fa-home"></i> Toko Online</a></li>
    </ol>
</div>

	<div class="container">
	<div class="row">

	{foreach from=$game item=g}
	<div class="col-md-4" style="height:300px; overflow:hidden; margin-bottom:14px;">
		<div class="grid mask" >
			<figure>
				<img class="img-responsive" src="{$g.image}" alt="" style="height:250px">
				<figcaption>
					<h5>Price: Rp {$g.harga},-</h5>
					<a data-toggle="modal" href="#{$g.idgame}" class="btn btn-primary btn-lg">View</a>
				</figcaption> 
			</figure> 
		</div>
	</div>

						<div class="modal fade bs-example-modal-sm" id="{$g.idgame}" tabindex="-1" role="dialog" aria labelledby="mySmallModalLabel" aria-hidden="true">
						    <div class="modal-dialog">
						     	<div class="modal-content">
						        	<div class="modal-header">
						          		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						          		<h4 class="modal-title">{$g.idgame} {$g.namagame}</h4>
						       		</div>
						        <div class="modal-body">
						        	<p><img class="img-responsive" src="{$g.image}" alt=""></p>
						        	<p><b><a href="#">Visit Site</a></b></p>
						        	<p>Stok : {$g.stok}</p>
						        	<p>Status : {$status}</p>
						        </div>
						        <div class="modal-footer">
						          <a href="index.php?detail&idgame={$g.idgame}" target="_blank" type="submit" class="btn btn-default" ><i></i> View Detail</a>						        
						          <a type="button" name="cart" class="btn btn-default" ><i class="fa fa-shopping-cart"></i> Add To Cart</a>
						          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								</div>
						      </div><!-- /.modal-content -->
						    </div><!-- /.modal-dialog -->
						</div><!-- /.modal -->


	{/foreach}

</div>
</div>

				
<!--
<h4 align="center">Daftar Game</h4>

<table class="table">

	<tr>
		<th>ID Game</th>
		<th>Nama Game</th>
		<th>Deskripsi</th>
		<th>Stok</th>
		<th>Harga</th>
		<th>Tahun Rilis</th>
		<th>Kategori</th>	
		<th>Platform</th>
	</tr>
	<tr>
		<td>{$g.idgame}</td>
		<td>{$g.namagame}</td>
		<td>{$g.deskripsi}</td>
		<td>{$g.stok}</td>
		<td>{$g.harga}</td>
		<td>{$g.image}</td>
		<td>{$g.namakategori}</td>
		<td>{$g.namaplatform}</td>
		<td>
			<a href="#" class="btn btn-small btn-success">Edit</a>	
			<a href="#" class="btn btn-small btn-warning">Delete</a>	
		</td>
	</tr>
</table>	
//-->

